<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
   <link rel="stylesheet" href="css/index.css">
</head>

<body>
   <!-- 顶部导航  -->
   <div class="top_nav">
      <ul>
         <li>问题榜</li>
         <li>新晋榜</li>
         <li>才华榜</li>
      </ul>
   </div>
   <!-- banner -->
   <div class="banner"> <img src="images/yikang.png" alt=""> </div>
   <!-- centent -->
   <div class="centent">
      <h3>如何学习语文的文言文内容，快速提高语文成绩？</h3>
      <p>王知易丨英语文学语言老师</p>
      <img src="images/yi1.png">
      <img src="images/yi2.png">
      <img src="images/yi3.png">
   </div>
   <div class="centent">
      <h3>如何学习语文的文言文内容，快速提高语文成绩？</h3>
      <p>王知易丨英语文学语言老师</p>
      <img src="images/yi1.png">
      <img src="images/yi2.png">
      <img src="images/yi3.png">
   </div>
   <div class="centent">
      <h3>如何学习语文的文言文内容，快速提高语文成绩？</h3>
      <p>王知易丨英语文学语言老师</p>
      <img src="images/yi1.png">
      <img src="images/yi2.png">
      <img src="images/yi3.png">
   </div>
   <div class="centent">
      <h3>如何学习语文的文言文内容，快速提高语文成绩？</h3>
      <p>王知易丨英语文学语言老师</p>
      <img src="images/yi1.png">
      <img src="images/yi2.png">
      <img src="images/yi3.png">
   </div>
  <!-- bottom_nav -->
   <div class="nav_bottom">
      <div class="box">榜单</div>
      <div class="box">收听</div>
      <div class="box">发现</div>
      <div class="box">我的</div>
   </div>
</body>

</html>